<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>Metronic | Login Options - Login Form 4</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<load href="assets/plugins/font-awesome/css/font-awesome.min.css" />
<load href="assets/plugins/simple-line-icons/simple-line-icons.min.css" />
<load href="assets/plugins/bootstrap/css/bootstrap.min.css" />
<load href="assets/plugins/uniform/css/uniform.default.css" />
<load href="assets/plugins/select2/select2.css" />
<load href="assets/pages/css/login-soft.css" />
<load href="assets/css/components.css" />
<load href="assets/css/plugins.css" />
<load href="assets/theme/css/layout.css" />
<load href="assets/theme/css/darkblue.css" />
<load href="assets/theme/css/custom.css" />

<load href="assets/plugins/jquery.min.js" />

<load href="assets/plugins/nprogress/nprogress.js" />
<load href="assets/plugins/nprogress/nprogress.css" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="login">
<!-- BEGIN LOGO -->
<div class="logo">
    <a href="index.html">
    <img src="assets/theme/layout/img/logo-big.png" alt=""/>
    </a>
</div>
<div class="menu-toggler sidebar-toggler">
</div>
<div class="content">
    <form submit-ajax class="login-form" action="{:U("Public/ckLogin")}" method="post">
        <h3 class="form-title">账号登录</h3>
        <div class="alert alert-danger display-hide">
            <button class="close" data-close="alert"></button>
            <span>
            请输入登录账号和密码. </span>
        </div>
        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9">登录名称</label>
            <div class="input-icon">
                <i class="fa fa-user"></i>
                <input class="form-control placeholder-no-fix" type="text" placeholder="登录名称" name="account"/>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9">登录密码</label>
            <div class="input-icon">
                <i class="fa fa-lock"></i>
                <input class="form-control placeholder-no-fix" type="password" placeholder="登录密码" name="password"/>
            </div>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn blue pull-right">
            登录 <i class="m-icon-swapright m-icon-white"></i>
            </button>
        </div>
        <div class="create-account">
            <p>
                如何登录？
            </p>
        </div>
    </form>
</div>
<div class="copyright">
     2015 &copy; 由我们强力支持.
</div>

<!--[if lt IE 9]>
<load href="assets/plugins/respond.min.js"></script>
<load href="assets/plugins/excanvas.min.js"></script> 
<![endif]-->


<load href="assets/plugins/jquery-migrate.min.js" />
<load href="assets/plugins/bootstrap/js/bootstrap.min.js" />
<load href="assets/plugins/jquery.blockui.min.js" />
<load href="assets/plugins/uniform/jquery.uniform.min.js" />
<load href="assets/plugins/jquery.cokie.min.js" />
<load href="assets/plugins/jquery-validation/js/jquery.validate.min.js" />
<load href="assets/plugins/backstretch/jquery.backstretch.min.js" />

<load href="assets/plugins/bootstrap-toastr/toastr.min.js" />
<load href="assets/pages/scripts/ui-toastr.js" />


<load href="assets/plugins/bootstrap-toastr/toastr.min.css" />


<load href="assets/plugins/select2/select2.min.js" />
<load href="assets/js/metronic.js" />
<load href="assets/theme/js/layout.js" />
<load href="assets/js/tp.js" />
<script>
jQuery(document).ready(function() {     
    // Metronic.init(); // init metronic core components
    // Layout.init(); // init current layout
           // init background slide images
        $.backstretch([
        "assets/pages/media/bg/1.jpg",
        "assets/pages/media/bg/2.jpg",
        "assets/pages/media/bg/3.jpg",
        "assets/pages/media/bg/4.jpg"
        ], {
            fade: 1000,
            duration: 8000
        }
    );
});
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>